<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>纯HTML5+CSS3实现一棵自己跳舞的树</title>
		<link rel="stylesheet" href="./Public/welcome/css/lanren.css">
	</head>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script type="text/javascript">
		$(function() {
			$("#fot").stop().hover(function() {
				$("#fot").animate({'font-size': '25px','border':'10px solid red'})
			}, function() {
				$("#fot").animate({
					'font-size': '20px'
				})
			});
		})
		setInterval(function(){
			R=Math.floor(Math.random()*(255-0+1)+0);
			G=Math.floor(Math.random()*(255-0+1)+0);
			B=Math.floor(Math.random()*(255-0+1)+0);
			$("#fot").css({'color':'RGB('+R+','+G+','+B+')','border-color':'RGB('+R+','+G+','+B+')'});
			$("div").css({'background':'RGB('+R+','+R+','+B+')'});
		},3000)
	</script>

	<body>
		<p style="margin: auto;border: 3px solid #B5E61D;display:block;text-align: center;width:250px;height:50px;line-height: 50px;border-radius:calc(10px);font-size: 20px;margin-top:30%;" id="fot">欢迎用户==>{{$_SESSION['username']}}回来</p>
		<!-- 代码部分begin -->
		<div>
		<div class="trunk">
				<div>
					<div>
						<div>
							<div >
								<div >
									<div>
										<div></div>
										<div></div>
										<div></div>
										<div></div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
							</div>
							<div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
							</div>
						</div>
						<div>
							<div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
							</div>
							<div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div>
						<div>
							<div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
							</div>
							<div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
							</div>
						</div>
						<div>
							<div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
							</div>
							<div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div>
					<div>
						<div>
							<div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
							</div>
							<div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
							</div>
						</div>
						<div>
							<div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
							</div>
							<div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div>
						<div>
							<div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
							</div>
							<div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
							</div>
						</div>
						<div>
							<div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
							</div>
							<div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div>
				<div>
					<div>
						<div>
							<div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
							</div>
							<div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
							</div>
						</div>
						<div>
							<div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
							</div>
							<div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div>
						<div>
							<div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
							</div>
							<div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
							</div>
						</div>
						<div>
							<div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
							</div>
							<div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div>
					<div>
						<div>
							<div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
							</div>
							<div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
							</div>
						</div>
						<div>
							<div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
							</div>
							<div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div>
						<div>
							<div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
							</div>
							<div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
							</div>
						</div>
						<div>
							<div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
							</div>
							<div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
								<div>
									<div>
										<div></div>
										<div></div>
									</div>
									<div>
										<div></div>
										<div></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 代码部分end -->
	</body>

</html>